<template>
    <div class="page-card h-full" v-loading="loading">
      <el-table :data="tableData" border>
        <el-table-column label="_id" prop="_id" align="center" />
        <el-table-column label="店铺ID" prop="shopId" align="center" />
        <el-table-column label="店铺名称" prop="shopName" align="center" />
      </el-table>
      <Pagination :pageable="page" :handleSizeChange="handleSizeChange" :handleCurrentChange="handleCurrentChange" />
    </div>
  </template>
  
  <script lang="ts" setup>
 
  import { getShopWhiteListApi } from '@/api/auth';
  import { useTable } from '@/hooks/useTable';
 
  
  const { tableData, page, loading, handleCurrentChange, handleSizeChange } = useTable({
    apiFn: getShopWhiteListApi,
    params: {}
  });
  
  </script>
  
  <style lang="scss" scoped></style>
  